<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面布局</title>
    <link rel="stylesheet" href="buju.css" />
</head>
<body>
    <!--
        完成页面布局需要注意一下几点
        1:首先根据设计稿确定页面的大小,主要是指的是宽度，比如width:1200px 
        2:水平分割页面的主要区域
        3:每个区域中按以上两部继续细分
    -->
    <article class="hot">
        <section></section>
        <section></section>
    </article>
    <article class="swiper">
        <section>发现好货</section>
        <section></section>
    </article>
</body>
</html>